<!-- eslint-disable -->
<template>
  <div>
    <v-form-builder v-model="formData" :config="formConfig"/>
  </div>
</template>
<script>/* eslint-disable */
import { componentDef } from '@/config/components'
import VFormBuilder from '@/elmui/components/VFormBuilder'

export default {
  name: 'Demo',
  components: { VFormBuilder },
  data () {
    return {
      checkList: ['A'],
      formData: {},
      formConfig: {
        formProps: {
          labelWidth: 80
        },
        rules: {},
        elements: Object.keys(componentDef).map((k) => componentDef[k])
        // elements: [componentDef.checkbox]
      }
    }
  },
  watch: {
    formData: {
      deep: true,
      handler (val) {
      }
    }
  }
}
</script>
<style lang="scss">
</style>

